<template>
  <div v-if="aaa">
    <hr />
    <h1>我是模态框</h1>
    <div>模态框的内容</div>
    <button @click="onHide">点击关闭</button>
    <hr />
  </div>
</template>

<script>
export default {
  // 属性 表示 父亲给我传递的数据
  props: {
    aaa: {
      // 类型
      type: Boolean,
      // 默认值 => 备胎
      default() {
        return true;
      },
    },
  },
  methods: {
    onHide() {
      // this.aaa = false;

      // 触发父组件的自定义事件
      // this.$emit("事件名称-自定义",要传递参数)
      this.$emit("ddddd", false);
    },
  },
};
</script>

<style></style>
